<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>cake</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/comm.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/cakeData.css" />
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
		<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
	</head>

	<body>
		<!--头部-->
		<div class="header">
			<div class="container-fluid">
				<nav class="navbar navbar-default container index-top">
					<div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
							<a class="navbar-brand index-logo" href="index.html">
								<img src="img/logo.png" alt="" class="images" classs="animated jackInTheBox" />
							</a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li>
									<a href="index.html" class="color-hover">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="cake.html" class="color-hover">蛋糕</a>
								</li>
								<li>
									<a href="cake.html" class="color-hover">冰淇淋</a>
								</li>
								<li>
									<a href="cake.html" class="color-hover">小切块</a>
								</li>
								<li>
									<a href="distribution.html" class="color-hover">全国配送</a>
								</li>
								<li>
									<a href="#" class="color-hover">企业专区</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right index-sing">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle color-hover" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">广州 <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#" class="color-hover">深圳</a>
										</li>
										<li>
											<a href="#" class="color-hover">上海</a>
										</li>
										<li>
											<a href="#" class="color-hover">北京</a>
										</li>
										<li>
											<a href="#" class="color-hover">佛山</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#" class="color-hover">消息</a>
								</li>
								<li>
									<p class="color index-signIn">
										<a href="./sign.html" class="color-hover">登录</a>/
										<a href="#" class="color-hover">注册</a>
									</p>
								</li>
								<li>
									<a href="#" class="color-hover">购物车</a>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container-fluid -->
				</nav>

			</div>
		</div>
		<div class="container">
			<div class="col-md-12">
				<!--产品图片-->
				<div class="row cakeData-top">
					<div class="col-md-11 cakeData-img-l col-xs-12">
						<img src="img/273832b02fb1be17332517d83274a317.jpg" alt="" class="img-responsive center-block" />
					</div>
					<div class="col-md-1 cakeData-img-r col-xs-12">
						<div class="row">
							<ul class="cakeData-ul col-md-12">
								<li class="col-xs-4 col-md-12">
									<img src="img/273832b02fb1be17332517d83274a317.jpg" alt="" class="img-responsive center-block cakeData-ul-act" />
								</li>
								<li class="col-xs-4 col-md-12">
									<img src="img/b2efc98fde491e19e7f749b7eb7c1ff5.jpg" alt="" class="img-responsive center-block" />
								</li>
								<li class="col-xs-4 col-md-12">
									<img src="img/c238fc9b4a581026df53069d4265cd03.jpg" alt="" class="img-responsive center-block" />
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--产品内容-->
				<div class="row cakeData-content" style="margin-top: 20px;margin-bottom: 20px;">
					<div class="col-md-5 col-xs-12">
						<h4 class="color">Bailey's Love Triangle 百利甜情人</h4>
						<div class="cakeData-list">
							<a href="javascript:;">情侣></a>
							<a href="javascript:;">聚会></a>
							<a href="javascript:;">人气></a>
							<a href="javascript:;">白色情人节></a>
						</div>
						<div class="color mar-top col-md-12 col-xs-12">
							<div class="row">
								<div class="col-md-5 col-xs-6">
									<div class="row text-overflow">
										<img src="img/pcicon-03.png" alt="" class="cakeData-content-icon" />爱尔兰百利甜酒
									</div>
								</div>
								<div class="col-md-5 col-xs-6">
									<div class="row text-overflow">
										<img src="img/pcicon-19.png" alt="" class="cakeData-content-icon" />当日空运云南玫瑰
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-12 fone_size_one col-xs-12">
							<div class="row">
								<p class="color mar-top">/爱尔兰百利甜酒/新西兰奶油/云南玫瑰甘露/</p>
								<p class="color mar-top">Just Bailey's, light cream and you. The flavours may be velvetty subtle, but the chemistry is as electric as a first kiss.</p>
								<p class="color mar-top">*玫瑰花瓣经过消毒处理，仅用作装饰，不可食用。</p>
								<p class="red mar-top">北京、天津当季水果夹心为：草莓，上海、无锡、苏州、杭州、广州、深圳当季水果夹心为：芒果。</p>
								<p class="red mar-top">*玫瑰花瓣经过消毒处理，仅用作装饰使用（使用围边纸与蛋糕隔开），不可食用。</p>
							</div>
						</div>
						<div class="col-md-12">
							<div class="row">
								<ul class="cakeData-jie">
									<li class="cakeData-jie-one color fone_size_one">
										<i></i>保鲜条件：0-4℃保藏10小时，5℃食用为佳
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-5 col-md-push-1 col-xs-12">
						<div class="row">
							<div class="col-md-8 col-xs-6">
								<div class="row">
									<img src="img/1.00P-full-13.00.jpg" alt="" class="img-responsive center-block" />
								</div>
							</div>
							<div class="col-md-4 col-xs-6">
								<ul class=" fone_size_one color lin row">
									<li><i class="icon-one"></i>17x17cm</li>
									<li><i class="icon-two"></i>适合7-8人分享</li>
									<li><i class="icon-three"></i>含10套餐具</li>
									<li><i class="icon-four"></i>最早今天 20:30配送</li>
									<li>
										<h3 class="colors">￥290 <span class="fone_size_two">/2.0磅</span></h3></li>
								</ul>
							</div>
						</div>
						<div class="row specifications">
							<dl class="clearfix cakeDake-dl">
								<dt class="fl color-hover">商品规格<i></i></dt>
								<dd class="fl color-hover">1.0磅<i></i></dd>
								<dd class="fl color-hover">1.5磅<i></i></dd>
								<dd class="fl color-hover cakeDake-dl-act">2.0磅<i></i></dd>
								<dd class="fl color-hover">3.0磅<i></i></dd>
								<dd class="fl color-hover">5.0磅<i></i></dd>
								<dd class="fl color-hover">更多磅数<i></i></dd>
							</dl>
						</div>
						<div class="row">
							<ul class="cakeData-li clearfix color">
								<li class="fl">换购商品</li>
								<li class="fl">
									<a href="javascript:;" class="fl cakeDaka-li-img">
										<img src="img/3cbbba8bb19d48b1af306c5f6ea3a88c.jpg" alt="" class="img-responsive center-block" />
										<i></i>
									</a>
									<div class="fl cakeData-li-text fone_size_one">
										<p>购买任意+35元换购便携冰包-中国红（春节限定）</p>
										<p>该冰包仅适用于2磅及以下规格蛋糕</p>
									</div>
								</li>
							</ul>
							<div class="cakeData-over">
								<a href="" class="col-md-4 cakeData-over-one color col-xs-5">立即购买</a>
								<a href="" class="col-md-4 cakeData-over-two col-xs-5">加入购物车</a>
							</div>
						</div>
					</div>
				</div>

				<!--产品介绍-->
				<div class="row cakeData-introduce">
					<div class="cakeData-introduce-top">
						<p class="fone_size_one color">Bailey’s Love Triangel／百利甜情人（含酒） Just Bailey‘s, light cream and you. The flavours may be velvetty subtle, but the chemistry is as electric as a first kiss.</p>
						<p class="fone_size_one color">/爱尔兰百利甜酒/新西兰奶油/云南玫瑰甘露/</p>
						<p class="fone_size_one color">*本款产品为时令鲜果蛋糕，21cake依据季节，调整食材搭配，您会有体会。</p>
					</div>
					<img src="img/393cecd05ad71927cfbcf39aaf690c64.jpg" alt="" class="img-responsive center-block cakeData-introduce-img" />
					<img src="img/3a94aa5dfba0a058d596fd8be452d7df.jpg" alt="" class="img-responsive center-block cakeData-introduce-img" />
					<img src="img/0533687eceaf512d9902b5a5fbd0a81f.jpg" alt="" class="img-responsive center-block cakeData-introduce-img" />
					<p class="cakeData-introduce-kao">以上图片仅供参考，请以收到实物为准。</p>
					<p class="color cakeData-introduce-heng">
						百利甜的发祥地在英国。那里有一位著名的调酒师，调酒师的太太是一名出色的女性，他们彼此深爱着对方。有一天，很不幸，调酒师的太太死于一次意外。调酒师 从此悲伤，过着孤单的生活。直到一次出行的飞机上，调酒师遇到了一位像极了他前妻的空姐。他仿佛重获新生，一切生命的希望再一次点燃。那以后，调酒师疯狂 的追求着那位空姐。但是空姐并不能接受调酒师的爱，空姐对调酒师说，有时候人的心会被蒙住，你对你前妻的思念和对我的爱完全是不同的情感，就像是奶和威士 忌永远无法混在一起。调酒师听完空姐的话，默默的走开。他用了一年的时间，终于将奶和威士忌相溶，而且加了蜂密使味道也混为一体，并起了一个好听的名字 (Baileys Rock)， 以此证明他对空姐的爱。当他知道空姐终于肯品尝这第一杯Baileys Rock时，忍不住在杯里加上了一滴眼泪。后来百利甜被空姐带上飞机，传播到世界各地，她对每一个喜欢喝百利甜的人说，“这杯酒，我等了一年”。 人们对百利甜的喜爱不只因为它纯美的爱情故事，它独特的芳香带给蛋糕无可比拟的甜蜜诱惑。
					</p>
					<div class="fone_size_one color">
						<p>小提示:</p>
						<ol class="cakeData-ol">
							<li>
								<p>蛋糕规格及免费配送餐具 ：</p>
								<table border="0" cellspacing="0" cellpadding="0" class="cakeData-table">
									<tr>
										<td>2.0磅：约17×17(cm)</td>
										<td>适合7-8人食用</td>
										<td>免费配送10套餐具</td>
									</tr>
									<tr>
										<td>3.0磅：约23×23(cm)</td>
										<td>适合11-12人食用</td>
										<td>免费配送15套餐具</td>
									</tr>
									<tr>
										<td>5.0磅：约30×30(cm)</td>
										<td>适合15-20人食用</td>
										<td>免费配送20套餐具</td>
									</tr>
								</table>
							</li>
							<li>蛋糕在收到后2-3小时内食用为佳。</li>
							<li>如对上述食材有过敏经历者，请选择其它款蛋糕。</li>
							<li>玫瑰花瓣经过消毒处理，仅用作装饰，不可食用。夹层玫瑰酱中少量块状物为可食玫瑰花瓣。</li>
						</ol>
					</div>
				</div>

				<!--商品推荐-->
				<div class="row cakeData-recommend">
					<p class="color">商品推荐</p>
					<ul class="cakeData-recommend-ul clearfix">
						<li class="fl">
							<a href="">
								<img src="img/f5c184a98afac9e350304232c69b2bc5.jpg" alt="" class="img-responsive center-block" />
								<p class="color">芒果奶油蛋糕</p>
								<p class="colors">￥198.00/2.0磅</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/505c71f60ac4b3d96744a6bb54d63cb1.jpg" alt="" class="img-responsive center-block" />
								<p class="color">摩卡</p>
								<p class="colors">￥398.00/2.0磅</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/8d8bc144cd477322cd944d135805c4b9.jpg" alt="" class="img-responsive center-block" />
								<p class="color">卡百利</p>
								<p class="colors">￥268.00/2.0磅</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/c28932d6886994d259828091a579f744.jpg" alt="" class="img-responsive center-block" />
								<p class="color">朗姆芝士</p>
								<p class="colors">￥298.00/2.0磅</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/78ad114c07704d96ac2d8123d9ae480c.jpg" alt="" class="img-responsive center-block" />
								<p class="color">黑白巧克力慕斯</p>
								<p class="colors">￥298.00/2.0磅</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			$('.cakeData-ul li').mouseover(function() {
				$(this).find('img').addClass('cakeData-ul-act');
				$(this).siblings().find('img').removeClass('cakeData-ul-act')
				var src = $(this).find('img').attr('src');
				$('.cakeData-img-l img').attr('src', src)
			})
			$('.cakeDake-dl dd').click(function() {
				$(this).addClass('cakeDake-dl-act').siblings().removeClass('cakeDake-dl-act')
			})
			var act = true;
			$('.cakeDaka-li-img').click(function() {
				if(act) {
					$(this).addClass('cakeDaka-li-img-act')
					$('.cakeData-li-text').show()
				} else {
					$(this).removeClass('cakeDaka-li-img-act')
					$('.cakeData-li-text').hide()
				}
				act = !act
			})
		</script>

	</body>

</html>